<template>
  <a-descriptions
    title="补贴项目与政策信息表"
    bordered
  >
    <a-descriptions-item
      label="补贴项目编号"
      :span="4"
    >
      {{currentProject.task_id}}
    </a-descriptions-item>
    <a-descriptions-item
      label="补贴项目名称"
      :span="4"
    >
      {{currentProject.task_nam}}
    </a-descriptions-item>
    <a-descriptions-item
      label="补贴实施范围"
      :span="4"
    >
      {{currentProject.s_a_nams}}
    </a-descriptions-item>
    <a-descriptions-item
      :span="4"
      label="补贴政策依据"
    >
      {{currentProject.task_doc}}
    </a-descriptions-item>
    <a-descriptions-item
      :span="4"
      label="补贴核算方式"
    >
      <Standard
        style="width: fit-content"
        v-on="$listeners"
        :standardData="currentProject.pay_info"
      />
    </a-descriptions-item>
  </a-descriptions>
</template>

<script lang="ts">
import { Mixins, Component, Watch, Vue, Prop } from 'vue-property-decorator'
import { State, Mutation, Getter, namespace } from 'vuex-class'

import { TableLayout } from '@/layouts'
import { IGetSubsidyStandard } from '@/common/services/subsidy'
import Standard from './Standard.vue'

@Component({
  components: {
    Layout: TableLayout,
    Standard
  }
})
export default class AdminList extends Vue {
  @Prop({
    type: Object,
    default() {
      return {}
    }
  })
  public currentProject!: IGetSubsidyStandard['response']
}
</script>

<style scoped lang="less">
.action-button {
  margin: 0px 10px 0px 10px;
}
.form-item-class {
  margin-bottom: 0px;
}
.img-box {
  width: 100px;
  height: 100px;
  margin: 10px;
}
.item-blue {
  color: #1989fa;
}
/deep/ .ant-descriptions-view {
  tr > th:first-child {
    width: 140px;
  }
}
</style>
